/* layout */
area {
  outline: none;
}
@keyframes JUMP {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
  80% {
    bottom: 0;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes JUMP {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
  80% {
    bottom: 0;
  }
  100% {
    bottom: 0;
  }
}
@keyframes FADE {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes FADE {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.swiper-slide {
  overflow: hidden;
}
.swiper-slide .slide-item {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-width: 1200px;
}
.swiper-slide .slide-item.slide-1 {
  background-image: url("../../assets/images/example/banner-1.png");
}
.swiper-slide .slide-item.slide-2 {
  background-image: url("../../assets/images/example/banner-2.jpg");
}
.swiper-slide .slide-item.slide-3 {
  background-image: url("../../assets/images/example/banner-3.jpg");
}
.scale {
  transform: scale(1.05, 1.05);
  transition: transform 5000ms linear;
}
.my-bullet {
  height: 30px;
  width: 30px;
  margin: 0 5px;
  background: url(../images/home/bullet.png) no-repeat -100px center;
  display: inline-block;
  cursor: pointer;
}
.my-bullet.my-swiper-pagination-bullet-active {
  background-position-x: 0;
}
.homepage {
  min-width: 1200px;
}
.homepage .banner {
  position: relative;
}
.homepage .banner .scroll-tip {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-20px);
  z-index: 100;
}
.homepage .banner .scroll-tip i {
  display: block;
  margin: 0 auto;
  font-size: 36px;
  height: 20px;
  font-weight: 200;
}
.homepage .banner .scroll-tip i {
  position: relative;
  opacity: 0;
  -webkit-animation-name: FADE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -ms-animation-name: FADE;
  -ms-animation-duration: 1.5s;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -moz-animation-name: FADE;
  -moz-animation-duration: 1.5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
}
.homepage .banner .scroll-tip i.arrow1 {
  -webkit-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.homepage .banner .scroll-tip i.arrow2 {
  -webkit-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.homepage .banner .scroll-tip i.arrow3 {
  -webkit-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.homepage .home-prop-wrap {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-110px);
  z-index: 100;
}
.homepage .home-prop-wrap .prop-item {
  width: 70px;
  height: 76px;
  background: rgba(30, 38, 47, 0.6);
  margin-bottom: 2px;
  padding-top: 10px;
}
.homepage .home-prop-wrap .prop-item .prop-head {
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.homepage .home-prop-wrap .prop-item .prop-content {
  display: none;
  position: absolute;
  top: 0;
  right: 70px;
  background: rgba(181, 143, 70, 0.9);
  font-size: 15px;
  color: #fff;
  width: 232px;
  height: 232px;
  padding: 10px;
}
.homepage .home-prop-wrap .prop-item .prop-content img {
  width: 212px;
  height: 212px;
}
.homepage .home-prop-wrap .prop-item .item-icon {
  width: 36px;
  height: 36px;
  background: url(../images/home/prop-icon.png) no-repeat left top;
  margin: 0 auto;
}
.homepage .home-prop-wrap .prop-item.notice .prop-content {
  width: 500px;
  overflow: hidden;
  cursor: pointer;
}
.homepage .home-prop-wrap .prop-item.notice .prop-content .mask {
  background: url("../images/home/notice-mask.png") no-repeat center bottom;
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  min-width: 1200px;
  height: 60px;
}
.homepage .home-prop-wrap .prop-item:nth-child(2) .item-icon {
  background-position-y: -98px;
}
.homepage .home-prop-wrap .prop-item:nth-child(3) .item-icon {
  background-position-y: -198px;
}
.homepage .home-prop-wrap .prop-item:hover {
  background-color: rgba(181, 143, 70, 0.9);
}
.homepage .home-prop-wrap .prop-item:hover .prop-content {
  display: block;
}
.homepage .home-prop-wrap .prop-item:hover .prop-head {
  color: #fff;
}
.homepage .swiper-pagination {
  text-align: right;
  padding-right: 4%;
  margin-bottom: 30px;
}
.homepage .building-wrap {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.homepage .building-wrap img {
  display: block;
}
.homepage .building-wrap.building-bottom {
  position: relative;
}
.homepage .building-wrap.building-top {
  bottom: 0;
  z-index: 1;
}
.homepage .building-wrap .buildingBg {
  width: 100%;
  height: 300px;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  top: 0;
  z-index: 10;
  opacity: 0.4;
  transition: opacity 0.6s;
}
.homepage .building-wrap .buildingBg.active-1 {
  background-image: url(../images/home/building-active-1.png);
  opacity: 1;
}
.homepage .building-wrap .buildingBg.active-2 {
  background-image: url(../images/home/building-active-2.png);
  opacity: 1;
}
.homepage .building-wrap .buildingBg.active-3 {
  background-image: url(../images/home/building-active-3.png);
  opacity: 1;
}
.homepage .building-wrap .buildingBg.active-4 {
  background-image: url(../images/home/building-active-4.png);
  opacity: 1;
}
.homepage .building-wrap .buildingPic {
  position: relative;
  z-index: 11;
}
.homepage .building-wrap .building-title-wrap {
  width: 100%;
  position: absolute;
  top: 0;
}
.homepage .building-wrap .building-title-wrap .building-title {
  position: absolute;
  text-align: center;
  z-index: 20;
  display: block;
  transition: all 0.4s;
}
.homepage .building-wrap .building-title-wrap .building-title h3 {
  color: #878583;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0px;
  text-shadow: 0 2px 1px #ffffff, 0 -1px 1px rgba(0, 0, 0, 0.3);
  transition: color 0.4s;
}
.homepage .building-wrap .building-title-wrap .building-title p {
  color: #777;
  font-size: 16px;
  transition: color 0.4s;
  font-family: "Helvetica-Neue-LT-Std";
  letter-spacing: 1px;
}
.homepage .building-wrap .building-title-wrap .building-title.active h3 {
  color: #fff;
  text-shadow: none;
}
.homepage .building-wrap .building-title-wrap .building-title.active p {
  color: #fff;
}
.homepage .building-wrap .building-title-wrap .title-1 {
  top: 100px;
  left: 175px;
}
.homepage .building-wrap .building-title-wrap .title-1.active {
  top: 99px;
  left: 320px;
}
.homepage .building-wrap .building-title-wrap .title-2 {
  top: 205px;
  left: 470px;
}
.homepage .building-wrap .building-title-wrap .title-2.active {
  top: 202px;
  left: 505px;
}
.homepage .building-wrap .building-title-wrap .title-3 {
  top: 175px;
  left: 820px;
}
.homepage .building-wrap .building-title-wrap .title-3.active {
  top: 160px;
  left: 725px;
}
.homepage .building-wrap .building-title-wrap .title-4 {
  top: 160px;
  left: 1230px;
}
.homepage .building-wrap .building-title-wrap .title-4.active {
  top: 145px;
  left: 1175px;
}
.homepage .building-wrap .building-title-wrap .title-photo {
  position: absolute;
  z-index: 20;
  display: block;
  transition: all 0.4s;
  opacity: 0;
}
.homepage .building-wrap .building-title-wrap .title-photo.active {
  opacity: 1;
}
.homepage .building-wrap .building-title-wrap .photo-1 {
  top: 40px;
  left: 75px;
}
.homepage .building-wrap .building-title-wrap .photo-1.active {
  top: 57px;
  left: 20px;
}
.homepage .building-wrap .building-title-wrap .photo-2 {
  top: 200px;
  left: 320px;
}
.homepage .building-wrap .building-title-wrap .photo-2.active {
  top: 171px;
  left: 320px;
}
.homepage .building-wrap .building-title-wrap .photo-3 {
  top: 100px;
  left: 900px;
}
.homepage .building-wrap .building-title-wrap .photo-3.active {
  top: 90px;
  left: 900px;
}
.homepage .building-wrap .building-title-wrap .photo-4 {
  top: 116px;
  left: 1375px;
}
.homepage .building-wrap .building-title-wrap .photo-4.active {
  top: 106px;
  left: 1375px;
}
.homepage .entry-block {
  position: relative;
}
.homepage .main {
  width: 100%;
  min-width: 1200px;
  background: url(../images/home/main-bg.png) no-repeat center top;
  position: relative;
}
.homepage .main .container {
  width: 1600px;
  padding: 50px 0;
  margin: 0 auto;
}
.homepage .main .container .slogen {
  text-align: center;
  color: #999;
}
.homepage .main .container .slogen .wing {
  display: inline-block;
  width: 42px;
  height: 16px;
}
.homepage .main .container .slogen .slogen-left.wing {
  background: url(../images/home/title-left.png) no-repeat left center;
  margin-top: 3px;
}
.homepage .main .container .slogen .slogen-right.wing {
  background: url(../images/home/title-right.png) no-repeat left center;
  margin-top: 3px;
}
.homepage .main .container .home-block {
  padding: 30px;
  background: #fff;
  height: 600px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.homepage .main .container .home-block .home-block-hd {
  margin-top: 15px;
  padding-bottom: 5px;
  background: url(../images/home/block-title-line.png) no-repeat bottom center;
}
.homepage .main .container .home-block .home-block-hd h3 {
  font-size: 26px;
  color: #333;
  margin-bottom: 0;
  line-height: 1.1;
}
.homepage .main .container .home-block .home-block-hd p {
  font-size: 50px;
  color: #c3c0bb;
  font-weight: 200;
  line-height: 1.4;
  font-family: "Helvetica-Neue-LT-Std";
}
.homepage .main .container .home-block.news-block .home-news-item {
  position: relative;
  margin: 40px 0 0;
}
.homepage .main .container .home-block.news-block .home-news-item .date-box {
  text-align: center;
  position: absolute;
  left: 0;
  top: -4px;
  padding-right: 10px;
}
.homepage .main .container .home-block.news-block .home-news-item .date-box h4 {
  font-size: 34px;
  font-weight: 700;
  color: #d3af68;
  margin-bottom: 0;
  line-height: 1;
}
.homepage .main .container .home-block.news-block .home-news-item .date-box p {
  font-size: 12px;
  color: #d3af68;
}
.homepage .main .container .home-block.news-block .home-news-item .home-news-item-content {
  margin-left: 60px;
  padding-left: 15px;
  color: #666666;
  border-left: 1px solid #e3c88e;
  transition: color 0.2s;
  display: inline-block;
}
.homepage .main .container .home-block.news-block .home-news-item .home-news-item-content:hover {
  border-left: 2px solid #d3af68;
  padding-left: 14px;
  color: #333;
}
.homepage .main .container .home-block.news-block .more-btn {
  display: block;
  margin: 0 auto;
  width: 160px;
  border: 1px solid #bbb;
  color: #666;
  font-size: 14px;
  padding: 8px 35px;
  margin-top: 30px;
  transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}
.homepage .main .container .home-block.news-block .more-btn:hover {
  background-color: #d3af68;
  color: #fff;
  border-color: #d3af68;
}
.homepage .main .container .home-block.guide-block .el-icon-location:focus {
  color: #d3af68;
}
.homepage .main .container .home-block.guide-block .visit-time {
  margin-top: 20px;
  position: relative;
}
.homepage .main .container .home-block.guide-block .visit-time .title {
  position: absolute;
  top: -20px;
  width: 64px;
  height: 64px;
  background: #d3af68;
  color: #fff;
  font-size: 18px;
  letter-spacing: 8px;
  font-weight: 600;
  padding: 5px 0 0 10px;
  box-shadow: 0 8px 20px rgba(213, 183, 119, 0.9);
  z-index: 30;
}
.homepage .main .container .home-block.guide-block .visit-time .time-content .grey-box {
  background: #f6f6f6;
  height: 85px;
  position: relative;
  right: -30px;
  padding-left: 50px;
}
.homepage .main .container .home-block.guide-block .visit-time .time-content .line {
  width: 20px;
  border-bottom: 1px solid #333;
  padding-top: 31px;
  margin: 0 15px;
}
.homepage .main .container .home-block.guide-block .visit-time .time-content .hour {
  font-size: 44px;
  font-family: "GeoTimesItalic";
}
.homepage .main .container .home-block.guide-block .visit-time .time-content .min {
  font-size: 30px;
  font-family: "GeoTimesItalic";
}
.homepage .main .container .home-block.guide-block .time-tip {
  padding-bottom: 23px;
  margin-bottom: 25px;
  position: relative;
  right: -30px;
  background: url(../images/home/time-tip-bg.png) no-repeat right bottom;
}
.homepage .main .container .home-block.guide-block .address-info-box p {
  margin-top: 15px;
}
.homepage .main .container .home-block.guide-block .address-info-box p span:first-child {
  font-weight: 600;
}
.homepage .main .container .img-link {
  position: relative;
  display: block;
}
.homepage .main .container .img-link .title-wrap {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 189px;
  padding: 20px;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.2s, box-shadow 0.3s;
}
.homepage .main .container .img-link .title-wrap h2 {
  margin-top: 56px;
}
.homepage .main .container .img-link:hover .title-wrap {
  background: rgba(210, 176, 104, 0.9);
  box-shadow: 0 20px 40px rgba(179, 145, 74, 0.7);
}
.homepage .main .container .img-link.item1 .title-wrap h2 {
  margin-top: 40px;
}
@media screen and (max-width: 1399px) {
  .homepage .main {
    background-size: 1443.6px !important;
  }
  .homepage .building-wrap {
    width: 1200px !important;
  }
  .homepage .building-wrap .buildingBg {
    background-size: 1200px;
  }
  .homepage .building-wrap .building-title-wrap .building-title h3 {
    font-size: 30.07518797px !important;
  }
  .homepage .building-wrap .building-title-wrap .building-title p {
    font-size: 12.03007519px;
  }
  .homepage .building-wrap .building-title-wrap .building-title.active h3 {
    color: #fff;
    text-shadow: none;
  }
  .homepage .building-wrap .building-title-wrap .building-title.active p {
    color: #fff;
  }
  .homepage .building-wrap .building-title-wrap .title-1 {
    top: 75.18796992px;
    left: 131.57894737px;
  }
  .homepage .building-wrap .building-title-wrap .title-1.active {
    top: 74.43609023px;
    left: 240.60150376px;
  }
  .homepage .building-wrap .building-title-wrap .title-2 {
    top: 154.13533835px;
    left: 353.38345865px;
  }
  .homepage .building-wrap .building-title-wrap .title-2.active {
    top: 151.87969925px;
    left: 379.69924812px;
  }
  .homepage .building-wrap .building-title-wrap .title-3 {
    top: 131.57894737px;
    left: 616.54135338px;
  }
  .homepage .building-wrap .building-title-wrap .title-3.active {
    top: 120.30075188px;
    left: 548.87218045px;
  }
  .homepage .building-wrap .building-title-wrap .title-4 {
    top: 120.30075188px;
    left: 924.81203008px;
  }
  .homepage .building-wrap .building-title-wrap .title-4.active {
    top: 109.02255639px;
    left: 883.45864662px;
  }
  .homepage .building-wrap .building-title-wrap .title-photo {
    transform: scale(0.7518797, 0.7518797);
  }
  .homepage .building-wrap .building-title-wrap .photo-1 {
    top: 7.51879699px;
    left: 7.51879699px;
  }
  .homepage .building-wrap .building-title-wrap .photo-1.active {
    top: 13px;
    left: -15px;
  }
  .homepage .building-wrap .building-title-wrap .photo-2 {
    top: 138.57142857px;
    left: 210.52631579px;
  }
  .homepage .building-wrap .building-title-wrap .photo-2.active {
    top: 112.78195489px;
    left: 210.52631579px;
  }
  .homepage .building-wrap .building-title-wrap .photo-3 {
    top: 67.66917293px;
    left: 641.05263158px;
  }
  .homepage .building-wrap .building-title-wrap .photo-3.active {
    top: 60.90225564px;
    left: 641.05263158px;
  }
  .homepage .building-wrap .building-title-wrap .photo-4 {
    top: 74.13533835px;
    left: 1013.15789474px;
  }
  .homepage .building-wrap .building-title-wrap .photo-4.active {
    top: 67.7443609px;
    left: 1013.15789474px;
  }
  .homepage .main .container {
    width: 1200px;
  }
  .homepage .main .container .home-block {
    padding: 20px;
  }
  .homepage .main .container .home-block .home-block-hd h3 {
    font-size: 20px;
  }
  .homepage .main .container .home-block .home-block-hd p {
    font-size: 36px;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .grey-box {
    right: -20px;
    height: 70px;
    padding-top: 5px;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .hour {
    font-size: 30px !important;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .min {
    font-size: 20px !important;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .line {
    width: 15px !important;
    margin: 0 10px;
    padding-top: 20px;
  }
  .homepage .main .container .home-block.guide-block .time-tip {
    padding-bottom: 10px !important;
    margin-bottom: 22px !important;
    right: -20px !important;
  }
  .homepage .main .container .home-block.guide-block .address-info-box p {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1559px) {
  .homepage .main {
    background-size: 1684.2px !important;
  }
  .homepage .building-wrap {
    width: 1400px !important;
  }
  .homepage .building-wrap .buildingBg {
    background-size: 1400px;
  }
  .homepage .building-wrap .building-title-wrap .building-title h3 {
    font-size: 35.0877193px !important;
  }
  .homepage .building-wrap .building-title-wrap .building-title p {
    font-size: 14.03508772px;
  }
  .homepage .building-wrap .building-title-wrap .building-title.active h3 {
    color: #fff;
    text-shadow: none;
  }
  .homepage .building-wrap .building-title-wrap .building-title.active p {
    color: #fff;
  }
  .homepage .building-wrap .building-title-wrap .title-1 {
    top: 87.71929825px;
    left: 153.50877193px;
  }
  .homepage .building-wrap .building-title-wrap .title-1.active {
    top: 86.84210526px;
    left: 280.70175439px;
  }
  .homepage .building-wrap .building-title-wrap .title-2 {
    top: 179.8245614px;
    left: 412.28070175px;
  }
  .homepage .building-wrap .building-title-wrap .title-2.active {
    top: 177.19298246px;
    left: 442.98245614px;
  }
  .homepage .building-wrap .building-title-wrap .title-3 {
    top: 153.50877193px;
    left: 719.29824561px;
  }
  .homepage .building-wrap .building-title-wrap .title-3.active {
    top: 131.57894737px;
    left: 635.96491228px;
  }
  .homepage .building-wrap .building-title-wrap .title-4 {
    top: 140.35087719px;
    left: 1078.94736842px;
  }
  .homepage .building-wrap .building-title-wrap .title-4.active {
    top: 127.19298246px;
    left: 1030.70175439px;
  }
  .homepage .building-wrap .building-title-wrap .title-photo {
    transform: scale(0.87719298, 0.87719298);
  }
  .homepage .building-wrap .building-title-wrap .photo-1 {
    top: 28.81578947px;
    left: 19.21052632px;
  }
  .homepage .building-wrap .building-title-wrap .photo-1.active {
    top: 35.21929825px;
    left: 6.40350877px;
  }
  .homepage .building-wrap .building-title-wrap .photo-2 {
    top: 175.43859649px;
    left: 244.73684211px;
  }
  .homepage .building-wrap .building-title-wrap .photo-2.active {
    top: 149.12280702px;
    left: 244.73684211px;
  }
  .homepage .building-wrap .building-title-wrap .photo-3 {
    top: 87.71929825px;
    left: 771.92982456px;
  }
  .homepage .building-wrap .building-title-wrap .photo-3.active {
    top: 78.94736842px;
    left: 771.92982456px;
  }
  .homepage .building-wrap .building-title-wrap .photo-4 {
    top: 101.75438596px;
    left: 1194.07894737px;
  }
  .homepage .building-wrap .building-title-wrap .photo-4.active {
    top: 92.98245614px;
    left: 1194.07894737px;
  }
  .homepage .main .container {
    width: 1400px;
  }
  .homepage .main .container .home-block {
    padding: 25px;
  }
  .homepage .main .container .home-block .home-block-hd h3 {
    font-size: 24px;
  }
  .homepage .main .container .home-block .home-block-hd p {
    font-size: 46px;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .grey-box {
    right: -25px;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .hour {
    font-size: 40px !important;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .min {
    font-size: 24px !important;
  }
  .homepage .main .container .home-block.guide-block .visit-time .time-content .line {
    width: 15px !important;
  }
  .homepage .main .container .home-block.guide-block .time-tip {
    padding-bottom: 10px !important;
    margin-bottom: 22px !important;
    right: -25px !important;
  }
}
@media screen and (min-width: 1560px) {
  .building-wrap {
    width: 1596px !important;
  }
  .building-wrap .buildingBg {
    background-size: 1596px;
  }
}
